<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Mtons.com</title>

    <link rel='stylesheet' media='all'
          href='./dist/css/font-awesome.min.css' />
    <link rel="stylesheet" href="./dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/css/style.css">
    <link rel="stylesheet" href="./dist/css/layout.css">
    <link rel="stylesheet" href="./dist/css/animate.css">

    <!-- JavaScript -->
    <script type="text/javascript" src="./dist/js/jquery.min.js"></script>
    <script type="text/javascript" src="./dist/js/bootstrap.min.js"></script>

    <style>
    </style>
</head>
<body>
<div class="top-wrap">
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed"
                        data-toggle="collapse" data-target="#navbar" aria-expanded="false"
                        aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="navbar-brand logo" href="#"><img
                        src="http://mtons.com/dist/images/logo/m.png"></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="#">发现</a></li>
                    <li><a href="#">走廊</a></li>
                </ul>

                <div class="search-box navbar-left">
                    <form class="navbar-form" method="get"
                          action="/browse/search">
                        <input type="text" class="form-control" name="q"
                               placeholder="搜索...">
							<span class="search-btn">
								<i class="fa fa-search"></i>
							</span>
                    </form>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="ava dropdown-toggle" data-toggle="dropdown">
                            <img class="img-circle"
                                 src="http://mtons.com/dist/images/ava/default.png">
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li>
                                <a href="/account/profile" class="ava">
                                    <img class="img-circle"
                                         src="http://mtons.com/dist/images/ava/default.png">
                                    <span>admin</span>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>

<div class="wrap">
    <div class="container">
        <div class="row">
            <div class="main clearfix">
                <!-- left -->
                <div class="col-xs-12 col-md-9 side-left">
                    <div class="shadow-box">
                        <!-- tab -->
                        <div class="filter">
                            <ul class="">
                                <li><a class="active" href="/blogs">推荐的</a></li>
                                <li><a href="/blogs/newest">全部的</a></li>
                                <li><a href="/blogs/hottest">热门的</a></li>
                            </ul>
                        </div>

                        <!-- tab end -->

                        <!-- tab panes -->
                        <div class="stream-list">
                            <div class="stream-item">
                                <div class="blog-rank">
                                    <div class="votes plus">
                                        0
                                        <small>推荐</small>
                                    </div>
                                    <div class="views hidden-xs">
                                        7
                                        <small>浏览</small>
                                    </div>
                                </div>
                                <div class="summary">
                                    <h2 class="title"><a href="/a/1190000002666017">Text
                                        Justification@LeetCode</a></h2>

                                    <div class="author"><span><a href="#">admin</a></span>
                                        <time>2015-11-12</time>
                                    </div>
                                    <div class="excerpt wordbreak hidden-xs">Text Justification
                                        这一题主要考察的还是对边界条件的控制，并没有太高深的算法，但是编写的难度不低，而且想一次通过非常难。 我采用的办法：
                                        首先，筛选出一行中应该包括的单词，这里要考虑空格还要占用掉的长...
                                    </div>
                                    <div class="foot-block clearfix">
                                        <ul class="tags">
                                            <li>
                                                <a class="tag tag-sm" href="#">javascript</a>
                                            </li>
                                        </ul>
                                        <div class="pull-right hidden-xs">
                                            <a href="#">编辑</a>
                                            <a href="#">删除</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="stream-item">
                                <div class="blog-rank">
                                    <div class="user">
                                        <img class="img-circle"
                                             src="http://mtons.com/dist/images/ava/default.png">
                                    </div>
                                </div>
                                <div class="summary">
                                    <div class="title"><a href="/a/1190000002666017">Text
                                        Justification@LeetCode</a></div>
                                    <div class="excerpt wordbreak hidden-xs">Text Justification
                                        这一题主要考察的还是对边界条件的控制，并没有太高深的算法，但是编写的难度不低，而且想一次通过非常难。 我采用的办法：
                                        首先，筛选出一行中应该包括的单词，这里要考虑空格还要占用掉的长...
                                    </div>
                                    <div class="tag-block">
                                        <ul>
                                            <li>
                                                <a class="tag tag-sm" href="#">javascript</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="stream-item">
                                <div class="blog-rank">
                                    <div class="votes">
                                        0
                                        <small>推荐</small>
                                    </div>
                                    <div class="views hidden-xs">
                                        7
                                        <small>浏览</small>
                                    </div>
                                </div>
                                <div class="summary">
                                    <h2 class="title"><a href="/a/1190000002666017">Text
                                        Justification@LeetCode</a></h2>

                                    <div class="excerpt wordbreak hidden-xs">Text Justification
                                        这一题主要考察的还是对边界条件的控制，并没有太高深的算法，但是编写的难度不低，而且想一次通过非常难。 我采用的办法：
                                        首先，筛选出一行中应该包括的单词，这里要考虑空格还要占用掉的长...
                                    </div>
                                    <div class="tag-block">
                                        <ul>
                                            <li>
                                                <a class="tag tag-sm" href="#">javascript</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- tab panes end -->
                </div>
                <!-- left end -->
                <div class="col-xs-12 col-md-3 side-right hidden-xs hidden-sm">
                    <div class="widget-box shadow-box">
                        <div class="title"><h3>热门文章</h3></div>
                        <ul class="box-list">
                            <li>
                                <div class="li-out">
                                    <span class="last"><i>1</i></span>
                                    <span class="name"><a style="color: #428bca;" href="#"
                                                          target="_blank">文章文章</a></span>
                                    <span class="nums">121</span>
                                </div>
                            </li>
                            <li>
                                <div class="li-out">
                                    <span class="last"><i>2</i></span>
                                    <span class="name"><a style="color: #428bca;" href="#"
                                                          target="_blank">文章文章</a></span>
                                    <span class="nums">121</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="widget-box shadow-box">
                        <div class="title"><h3>热门标签</h3></div>
                        <ul class="tags m10">
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                            <li class="mb6"><a href="#" class="tag" title="有1篇文章">平台 </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--.main -->

<footer>
    <div class="footer-nav">
        <div class="container">
            <ul class="about-ul list-inline clearfix">
                <li><a href="/about" target="_blank">关于我们</a></li>
                <li><a href="/joinus" target="_blank">加入我们</a></li>
                <li><a href="/contact" target="_blank">广告及服务</a></li>
                <li><a href="/help" target="_blank">常见问题解答</a></li>
            </ul>
        </div>
    </div>
    <div class="container copy-right">
			<span>Copyright © <a href="#">Mtons</a> （<a
                    href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备6666666</a>)
			</span>
    </div>
</footer>
<a href="#" class="site-scroll-top"></a>
</body>
</html>
